@import "functions.less";
@img_path0:"../img/gj";

/*公共样式用gj打头*/
.gj-box {
    background-color: #fefbf5;
    border: 1px dashed #eccca3;
    padding-top: 20px;
}
.gj-b-mg {
    margin-bottom: 20px;
}
.gj-edit{
    background-image: url("@{img_path0}/edit.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 12px;
    display: inline-block;
}
/*环境配置页面*/
.gp-install-setting {
    form {
        .control-label {
            text-align: center !important;
        }
    }
    .g-add-link {
        float: left;
        margin-top: 7px;
        margin-left: 10px;
        margin-bottom: 10px;
    }
    .gj-box {
        position: relative;

        .del {
            position: absolute;
            background-image: url("@{img_path0}/del0.png");
            width: 30px;
            height: 30px;
            right: 20px;
            top: 50%;
            margin-top: -15px;
        }
    }
    .input-box {
        margin: 0 10px 10px 0;
        float: left;
        position: relative;

        .form-control {
            width: 120px;
        }
        .del0 {
            position: absolute;
            background-image: url("@{img_path0}/del1.png");
            width: 16px;
            height: 16px;
            right: -5px;
            top: 9px;
            margin-top: -15px;
        }
    }
}
.g-title {
    .gj-add {
        position: absolute;
        right: 20px;
        top: 7px;
    }
    &.gj-no-title {
        display: none;
    }
    .buttons {
        position: relative;
        top: -6px;
    }
    em {
        color: #999999;
        font-size: 14px;
        padding-left: 10px;
    }
}
.gj-environmental-list {
    li {
        position: relative;
        padding: 15px 138px 10px 0;

        &:hover {
            background-color: #F3F3F3
        }
        border-bottom:1px solid #E8E8E8;
        color: #555;

        h5 {
            font-size: 16px;

            span.line {
                color: #B7B7B7;
                padding: 0 15px;
            }
        }
        p span {
            margin-right: 20px;
            position: relative;

            img {
                width: 21px;
                height: 22px;
            }
        }
        .gbn-edit{
          position: absolute;
          right: 68px;
          top: 50%;
          margin-top: -15px;
        }
        .gbn-del{
          position: absolute;
          right: 0px;
          top: 50%;
          margin-top: -15px;
        }
    }
}
.no-content {
    color: #999;
    text-align: center;
    padding-top: 130px;

    h6 {
        font-size: 24px;
    }
    p {
        font-size: 16px;
    }
    .extra {
        color: #e89117;
    }
}
.aui_content {
    padding: 20px 0 !important;
}
.col-sm-7, .col-sm-8 {
    padding-left: 0px !important;
}

/*环境维护*/
.gp-hjwh {
    .no-types {
        color: #999;
        text-align: center;
        margin-top: 80px;

        h4 {
            font-size: 16px;
            margin-top: 0;
        }
    }
    .nav-stacked {
        .del0 {
            position: absolute;
            background-image: url("@{img_path0}/del1.png");
            width: 16px;
            height: 16px;
            right: -5px;
            top: 9px;
            margin-top: -15px;
            cursor: pointer;
        }
        li.active{
          .gj-edit{
            background-image: url("@{img_path0}/edit0.png");
          }
        }
        li a{
          padding-right: 30px;
        }
        .gj-edit{
          position: absolute;
          top: 50%;
          margin-top: -6px;
          right: 10px;
        }
    }
}
.help-block {
    height: 22px;
    clear: both;
    margin-top: 10px;
}
.help-block img {
    margin-bottom: 0px;
    float: left;
    width: 21px;
    height: 22px;
    margin-right: 5px;
}
.gj-despdocs-list {
    margin: 20px 0;

    label {
        color: #555555;
        font-size: 16px;
        font-weight: bold;
        position: relative;
        top: 5px;
    }
    .item {
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
        line-height: 17px;

        img {
            vertical-align: middle;
        }
        img, .file-name, .gi-del {
            float: left;
        }
        em {
            color: #aaa;
            font-size: 12px;
        }
        .gi-del {
            position: relative;
            top: 2px;
            right: -5px;
        }
    }
}
.gj-version-list {
    border-top: 1px solid #ececec;

    dl {
        padding: 20px 10px 30px 50px;
        margin-bottom: 0;
        line-height: 34px;
        border: 1px solid #dadada;
        background-color: #f7f7f7;
        margin-right: 20px;
    }
    dt {
        color: #555555;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 10px;
    }
    dd {
        color: #555555;
        margin-top: 10px;
    }
    .item {
        float: left;
        display: block;
        position: relative;
        width: 33.333333333333%;
        margin-top: 20px;

        i {
            background-image: url("@{img_path0}/version.png");
            background-repeat: no-repeat;
            width: 24px;
            height: 24px;
            position: absolute;
            top: 20px;
            left: 15px;
        }
        &.on {
            dl {
                background-color: #fefbf5;
                border: 1px dashed #eccca3;
            }
        }
    }
}

/*产品预览*/
.gp-product-preview {
    .pagination {
        margin-right: 20px;
    }
}
.form-horizontal .col-xs-8, .form-horizontal .col-xs-9 {
    padding-left: 0;
}

/*产品详情*/
.gbn-back {
    background-color: #fff;
    border: 1px solid #ddd;
    color: #555;
    min-width: auto;
    position: absolute;
    right: 20px;
    top: 7px;
    width: auto;
    height: 30px;
    line-height: 28px;

    i {
        background-image: url(../img/gj/back.png);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 12px;
        margin-right: 3px;
        width: 13px;
    }
    &:hover, &.on {
        background-color: #f6f7f9;
        color: #555;
        border: 1px solid #ddd;
    }
}
.product_item {
    border-bottom: 1px solid #E8E8E8;
    color: #555;
    padding: 10px 0 6px;
    position: relative;

    h5 {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 15px;
        .buttons {
            position: relative;
            top: -10px;
            .gbn-upload,.gbn-del, .gbn-edit{
                margin-left: 10px;
              }
        }
    }
    .gj-despdocs-list {
        margin: 0px;

        &.gj-despdocs-items {
            position: relative;
            padding: 10px 20px;
            border: 1px solid #DADADA;
            background-color: #F6F6F6;
            margin-bottom: 10px;

            span {
                line-height: 30px;
            }
            .gi-del {
                top: 8px;
            }
        }
        &.border-yellow {
            border: 1px dashed #EACDA3;
            background-color: #FDFBF5;
        }
        h6 {
            font-size: 16px;
            font-weight: bold;
            .buttons {
                position: relative;
                top: -10px;
                .gbn-upload,.gbn-del, .gbn-edit{
                    margin-left: 10px;
                  }
           }
        }
    }
    p {
        font-size: 14px;

        span {
            margin: 0 8px;
            color: #999;
            font-size: 12px;
        }
    }
}
.gj-menu-list {
    position: relative;

    .form-control {
        width: 100px;
        height: 28px;
        line-height: 28px;
        position: absolute;
        left: 37px;
        top: 5px;
        display: none;
    }
    dl {
        margin-bottom: 0;
    }
    dt, dd {
        font-size: 14px;
        color: #555555;
        line-height: 20px;
        padding: 7px 0;
        position: relative;

        span {
            vertical-align: middle;
        }
        &:hover {
            background-color: #f1f1f1;
        }
    }
    dt {
        //background-image: url("@{img_path0}/arrow-up.png");
        background-repeat: no-repeat;
        padding-left: 20px;
        background-position: 5px 15px;
        font-weight: normal;

        &.arrow-up {
            background-image: url("@{img_path0}/arrow-up.png");
        }
        &.arrow-down {
            background-image: url("@{img_path0}/arrow-down.png");
        }
    }
    dd {
        padding-left: 30px;

        .form-control {
            left: 48px;
        }
        &.active{
          background-color: #f1f1f1;
        }
    }
}
.gj-menu-action {
    border: 1px solid #bdbdc1;
    border-bottom: none;
    width: 130px;

    a {
        color: #555;
        font-size: 14px;
        background-color: #fff;
        border-bottom: 1px solid #bdbdc1;
        height: 40px;
        line-height: 40px;
        display: block;
        padding-left: 20px;

        &:hover {
            background-color: #f5f5f5;
        }
    }
}

/*tab选项卡*/
.gp-patch-download {
    h5 {
        color: #333333;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
    }
    .gj-content-tabs {
        position: relative;
        border-bottom: 1px solid #ddd;
        overflow: hidden;
        margin-bottom: 10px;

        .roll-nav {
            position: absolute;
            width: 30px;
            height: 100%;
            background-color: #fff;
            top: 5px;
        }
        .roll-left {
            left: 0;
            background-position: 8px -23px;
            display: none;
        }
        .roll-right {
            right: 0;
            background-position: center 9px;
            display: none;
            background-image: url("@{img_path0}/arrow-right.png");
        }
        .page-tabs {
            margin-left: 30px;
            width: 100000px;
            overflow: hidden;
        }
        .g-nav-tab1 {
            border-bottom: none;

            li {
                float: left;
            }
        }
    }
    .tab-content {
    }
    .product_item {
        border-bottom: none;
        padding: 0;

        .gj-despdocs-items {
            padding-left: 10px;
        }
        h6 {
            margin: 5px 0 20px;

            label {
                padding-left: 25px;
            }
        }
        .item {
            margin-left: 25px;
            margin-right: 0;
        }
    }
}
.g-systemType-dialog {
    .form-group {
        padding-left: 60px;
    }
    .tips {
        color: #555;
        font-size: 16px;
    }
    .radio-inline {
        color: #333;
        font-size: 14px;
        padding-left: 25px;
    }
}
.g-Loadding-dialog {
    .aui_content {
        text-align: center;
        color: #555555;
        font-size: 22px;
        padding: 60px 0 !important;

        img {
            position: relative;
            right: 10px;
            top: -2px;
        }
    }
}
.g-packSuccess-dialog {
    .aui_content {
        a {
            display: block;
           // padding-left: 40px;
            text-align:center;
            &:hover {
                color: #337ab7;
            }
        }
    }
    .tip1 {
        color: #333;
        font-size: 20px;
        text-align: center;

        img {
            position: relative;
            right: 10px;
            top: -2px;
        }
    }
    .tip2 {
        color: #888;
        font-size: 14px;
        margin: 10px 0;
        text-align: center;
    }
}

/*程序文件下载*/
.bgcolor-gray {
    background-color: #F3F3F3;
}
.download-title {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;

    .gi-btn-del {
        background-image: url("../img/close0.png");
        background-repeat: no-repeat;
        background-position: 3px 4px;
        display: inline-block;
        height: 20px;
        line-height: 18px;
        width: 50px;
        font-size: 14px;
        color: #999;
        border: 1px solid #DDDDDD;
        border-radius: 3px;
        padding-left: 16px;
        font-weight: normal;
        margin-left: 5px;
    }
}
.gj-download-table {
    border-top: 1px solid #EBEBEB;
    width: 100%;
    color: #555;

    td {
        line-height: 18px;
        padding: 15px 0 0px 10px;
        text-align: left;
        border-bottom: 1px solid #EBEBEB;

        &.bgcolor-gray {
            width: 210px;
            padding: 15px 0 15px 10px;
        }
        .checkbox-inline {
            margin-bottom: 15px;
            margin-right: 15px;
        }
        .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
            margin-left: 0px;
            margin-top: 0;
        }
    }
}
.jBox-content {
    padding: 0 !important;

    p {
        border-bottom: 1px solid #EBEBEB;
        line-height: 50px;
        padding: 0px;
        margin: 0px;

        span {
            display: inline-block;
            padding: 0 10px;

            &.jBox-content-title {
                border-right: 1px solid #EBEBEB;
                width: 80px;
                text-align: right;
            }
        }
    }
}

/*说明文档下载*/
.download-content {
    background-color: #F7F7F7;
    border: 1px solid #DADADA;
    padding: 20px 10px 0 10px;
    clear: both;

    .item {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
        line-height: 17px;

        img {
            vertical-align: middle;
        }
        img, .file-name, .gi-del {
            float: left;
        }
        em {
            color: #aaa;
            font-size: 12px;
        }
        .checkbox-inline {
            background-image: url("../img/check.png");
            background-position: 0px 10px;
        }
        .checkbox-inline.on {
            background-position: 0 -19px;
        }
    }
}